<!DOCTYPE html>
<!--[if IE 9]><html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <title>Teensgeeker-全球疫情监控平台</title>
    <meta name="description" content="网站描述">
    <meta name="robots" content="noindex, nofollow">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <script src="../static/js/jquery.min.js"></script>
    <script type="text/javascript" src="../static/js/echarts.min.js"></script>
    <script type="text/javascript" src="../static/js/china.js"></script>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/css/main.css">
</head>
<body>
    <div id="page-wrapper" class="page-loading">
        <div class="preloader">
            <div class="inner">
                <div class="preloader-spinner themed-background hidden-lt-ie10"></div>
                <h3 class="text-primary visible-lt-ie10"><strong>Loading..</strong></h3>
            </div>
        </div>
        <div id="page-container" class="header-fixed-top sidebar-visible-lg-full">
            <div id="sidebar">
                <div id="sidebar-brand" class="themed-background">
                        <i class="icon-cog"></i>
                        <span class="sidebar-nav-mini-hide">Teensgeeker-全球疫情监控平台</span>
                    </a>
                </div>
                <div id="sidebar-scroll">
                    <div class="sidebar-content">
                        <ul class="sidebar-nav">
                            <li>
                                <a href="/"><i class="icon-home sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">首页</span></a>
                            </li>
                            <li>
                                <a href="#" class="sidebar-nav-menu"><i class="icon-chevron-right sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="icon-gift sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">中国疫情</span></a>
                                <ul>
                                    <li>
                                        <a href="/chinaline">中国累计确诊趋势</a>
                                        <a href="/chinapie">中国累计数据组成</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" class="sidebar-nav-menu"><i class="icon-chevron-right sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="icon-gift sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">国外疫情</span></a>
                                <ul>
                                    <li>
                                        <a href="/foreignbar">国外累计确诊</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <!-- END Sidebar Navigation -->
                    </div>
                </div>
            </div>
            <div id="main-container">
                <header class="navbar navbar-inverse navbar-fixed-top">
                    <ul class="nav navbar-nav-custom">
                        <li>
                            <a href="javascript:void(0)" onclick="Tool.sidebar('toggle-sidebar');this.blur();">
                                <i class="icon-reorder animation-fadeInRight" id="sidebar-toggle-mini"></i>
                                <i class="icon-reorder animation-fadeInRight" id="sidebar-toggle-full"></i>
                            </a>
                        </li>
                    </ul>
                </header>
                <div id="page-content">
                    <div id="chart" style="width:1500px; height:800px;margin: auto"></div>
                    <script>
                        $(
                            function () {
                                var chart = echarts.init(document.getElementById('chart'), 'white', {renderer: 'canvas'});
                                $.ajax({
                                    type: "GET",
                                    url: "http://localhost:776/pieChart",
                                    dataType: 'json',
                                    success: function (result) {
                                        chart.setOption(result);
                                    }
                                });
                            }
                        )
                    </script>
                </div>
            </div>
        </div>
    </div>
    <script src="../static/js/vendor/jquery-2.2.4.min.js"></script>
    <script src="../static/js/vendor/bootstrap.min.js"></script>
    <script src="../static/js/plugins.js"></script>
    <script src="../static/js/tool.js"></script>
</body>
</html>